<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>LigueDjá - Suas muambas diretos da China</title>
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/css/style.css" />
<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis'
	rel='stylesheet' type='text/css'>
	<!-- The below script Makes IE understand the new html5 tags are there and applies our CSS to it -->
	<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
	<%@ include file="/Template/header.jsp"%>
	
	<article id="grid">
	<div id="breadcrumb"><a href="index.html">Home</a> > <a href="produtos.html">Dresses</a> > <h1>Summer Dress</h1></div>
    <header>
        <div class="paging">
            Page: <a onclick="javascript:return getPage(1);" href="">1</a>&nbsp; | &nbsp;2&nbsp; | &nbsp;<a onclick="javascript:return getPage(3);" href="">3</a>  |  <a onclick="javascript:return getPage('', '', '1');" href="">View All</a>
        </div>
        <form action="#" >
        <select onchange="javascript:addSort();" name="sortBy" id="sortBy">
            <option value="">Default</option>
            <option value="PriceHiLo">Price (High to Low)</option>
            <option value="PriceLoHi">Price (Low to High)</option>
            <option value="pID">Most Recent</option>
        </select> 
        &nbsp; Showing 26 - 50 of 78 Product(s)
        </form>
    </header>
    <ul id="categorias">
    	<h1>Marcas</h1>
	    <li><a href="">Teste</a></li>
	    <li><a href="">Teste</a></li>
	    <li><a href="">Teste</a></li>
	    <li><a href="">Teste</a></li>
	    <li><a href="">Teste</a></li>
	    <li><a href="">Teste</a></li>
    </ul>
    <ul id="items">
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png"
				alt="Elegant evening Dress" /></a> <a href="detalhes.jsp" class="title">Elegant evening Dress</a>
            <strong>R$ 499</strong>
      </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Elegant evening Dress</a>
            <strong>R$ 499</strong>
        </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Longer title Elegant evening Dress</a>
            <strong>R$ 499</strong>
        </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Elegant evening Dress</a>
            <strong>R$ 499</strong>
        </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Elegant evening Dress</a>
            <strong>R$ 499</strong>
            <span class="sale">LANÇAMENTO</span>
        </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Longer title Elegant evening Dress</a>
            <strong>R$ 499</strong>
            <span class="sale">LANÇAMENTO</span>
        </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Elegant evening Dress</a>
            <strong>R$ 499</strong>
        </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Elegant evening Dress</a>
            <strong>R$ 499</strong>
            <span class="sale">LANÇAMENTO</span>
        </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Elegant evening Dress</a>
            <strong>R$ 499</strong>
        </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Elegant evening Dress</a>
            <strong>R$ 499</strong>
        </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Elegant evening Dress</a>
            <strong>R$ 499</strong>
            <span class="sale">LANÇAMENTO</span>
        </li>
        <li>
            <a href="detalhes.jsp"><img src="images/thumb.png" alt="Elegant evening Dress"/></a>
            <a href="detalhes.jsp" class="title">Elegant evening Dress</a>
            <strong>R$ 499</strong>
            <span class="sale">LANÇAMENTO</span>
        </li>
    </ul>
    
    <footer>
        <div class="paging">
            Page: <a onclick="javascript:return getPage(1);" href="">1</a>&nbsp; | &nbsp;2&nbsp; | &nbsp;<a onclick="javascript:return getPage(3);" href="">3</a>  |  <a onclick="javascript:return getPage('', '', '1');" href="">View All</a>
        </div>
    </footer>
</article>
	
	
	
	
	<%@ include file="/Template/footer.jsp"%>
</body>
</html>